BODY, TD, Input, textarea, select, div{
  font-family: Arial,Helvetica,sans-serif,simsun,'\5b8b\4f53';
  font-size: 12px;
}
html,body{
  padding: 0;
  margin: 0;
  height: 100%;
}


/* 全局布局样式 */
.fullLayout{
  height:100%;padding:0px 0px 0px 300px;
  
}
/* background-color: #d9dcde;   考勤卡表格边框的默认颜色*/
.leftLayout{
  width: 300px;
  border-right: 0;
  /* cursor:w-resize; */
}
/* 左浮动 */
.fl{
  float: left;
}
.flex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flexSon {
  flex: 1;
  height: 100%;
  flex-direction: column;
  flex-wrap: wrap;
}
/* 清除浮动 */
.clearfix:after{
    display: block;
    content: "";
    clear: both;
    font-size: 0px;
    line-height: 0px;
    height: 0px;
    visibility: hidden;
}

/* 弹窗公用样式开始 */
.mydlgg {
  z-index: 100;
  border-radius: 6px;
  border-color: #b8b7bc;
  background: #efeeed;
  box-shadow: 0px 2px 3px #ccc;
  /* margin-top: 50px; */
}
.mydlgg .mydlgg-head {
  line-height: 16px;
  /* background: #474747; */
  background: url(../../assets/image/toolbar_bg.png);
  background-repeat:  repeat-x ;
  background-position-y: -50px;
  color: #fff;
  font-weight: bold;
  border: 0;
  font-size: 14px;
  padding-left: 10px;
}
.mydlgg .mydlgg-foot {
  border: 0;
  border-color: #efeeed;
  background: #efeeed;
}
.footerDiv{
  padding: 0 0 10px 0;
  text-align: center;
  
}
.headerIcon{
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 6px;
}
.fenGeXian{
  height:1px;
  background-color: #b8b7bc;
  margin:8px 0;
}
.insidePadding{
  padding: 10px;
  background-color: #efeeed;
  
}
.fieldsetStyle{
  min-width: 100px;
  border: 1px solid silver;
}
.fieldsetDivStyle{
  border: 1px solid silver;
  padding: 6px 9px;
  margin: 0 2px 4px 2px;
}
.fieldsetLegend{
  color:#293569;
  font-size:12px
}
.titleStyle{
  vertical-align: middle;
}


/* 批量弹窗左上角树和右上角表格 */
.upContent{
  height:200px;display: flex;
}
.borderGray{
  border: 1px solid #ccc
}
.leftCont{
  height:100%;width:260px;overflow: hidden;
}
.centerCont{
  width:120px;display: flex; justify-content:center; align-items:center;flex:1;flex-direction:column
}
.rightWard{
  width:auto;padding:0 10px;margin-bottom:20px;
  padding: 0 4px 0 8px;
  /* background: url(../../assets/image/deleted.png);
  background-repeat:  no-repeat ;
  background-position: center center;  
  background-size: contain; */
}
.leftWard{
  width:auto;padding:0 8px 0 4px
}
.rightCont{
  height:100%;
  width: 580px
}



/* 新增图标 */
.newlyAdded{
  background: url(../../assets/image/dialogIcon.png) no-repeat -112px 0;
}
/* 关闭图标 */
.closed{
  background: url(../../assets/image/closed.png) no-repeat 0 0;
  background-size: cover;
}

/* 操作提示信息 */
.tipsMsg{
  background: url(../../assets/image/dialogIcon.png) no-repeat -48px 0;
}

/* 右侧内容 */
.LayoutPanelRight{
  position: absolute;
  height:100%;
  right: 0;
  min-width: 800px;
  background-color: #fff;
}
.LayoutPanelRight::after{
  content: ' ';
  width: 2px;
  position: absolute;
  top: 0;
  /* left: -2px; */
  height: 100%;
  z-index: 200;
  border-right: 1px solid #bbb;
  background: url(../../assets/image/scroll_bg.gif) ;
  background-repeat: no-repeat;
  background-position: center 50%;
  background-color: #ddd;
}

/* 右侧内容 */
.LayoutPanelRight2{
  position: absolute;
  height:100%;
  right: 0;
  left: 0;
  min-width: 1200px;
  background-color: #fff;
}


/* 没用的元素的定位 */
.noElement{
  position: absolute;
  left: -500px;
  bottom: 0;
  opacity: 0;
}

  /* 右侧功能按钮组开始 */
  .panel-body-noheader{
    /* border-top-width: 0px; */
    border: 0;
    
  }
  .buttonbg{
    height:30px;
    background: url(../../assets/image/toolbar_bg.png);
    background-repeat:  repeat-x ;
    background-position-y: -50px;
    border-bottom: 1px solid #95B8E7;
    position: relative;
  }
  .buttonGroup{
    height: 30px;
    line-height: 30px;
    background-color: blue;
    
  }
  .bd_bgi{
    float: left;
    width: auto;
    height: 28px;
  }
  .bd_bgi span{
    float: left;
    height: 16px;
    width: 16px;
    margin: 6px 0 0 14px;
  }
  .bd_bgi span.text{
    float: left;
    display: inline-block;
    width: auto;
    height: 16px;
    font-size: 14px;
    line-height: 16px;
    margin: 6px 0 0 0;
    padding: 0 8px 0 4px;
    color: #eee;
    /* border-right: 1px solid #fff; */
  }
  .bd_bgi:hover,.bd_bgi:hover span.text{
    text-decoration: underline;
    color:#FFFF00;
    cursor: pointer
  }
  /* 收起左侧 */
  .buttonbg .bd_shqdak{
    background: url(../../assets/image/tootle_menu.png) ;
    background-repeat:  no-repeat ;
  background-position: 0 0;
}
/* 收起左侧 */
.buttonbg .bd_shqdak{
  background: url(../../assets/image/tootle_menu.png) ;
  background-repeat:  no-repeat ;
background-position: 0 0;
}
/* 支付计算按钮 */
.buttonbg .btn-pay, .btn-pay{
  background: url(../../assets/image/pay.png);
  background-size: cover;
}
/* 加班计算按钮 */
.buttonbg .btn-calculateOT, .btn-calculateOT{
  background: url(../../assets/image/calculateOT.png);
  background-size: cover;
}
/* 新增/授权 */
.buttonbg .add{
  background: url(../../assets/image/tootle_menu.png);
  background-repeat:  no-repeat ;
  background-position: -16px 0;
}
/* 修改/编辑 */
.buttonbg .modify{
  background: url(../../assets/image/tootle_menu.png);
  background-repeat:  no-repeat ;
  background-position: -32px 0;
}
/* 删除/撤销 */
.buttonbg .delete{
  background: url(../../assets/image/tootle_menu.png);
  background-repeat:  no-repeat ;
  background-position: -48px 0;
}
/* 保存 */
.buttonbg .save{
  background: url(../../assets/image/tootle_menu.png);
  background-repeat:  no-repeat ;
  background-position: -64px 0;
}
/* 取消 */
.buttonbg .cancel{
  background: url(../../assets/image/tootle_menu.png);
  background-repeat:  no-repeat ;
  background-position: -80px 0;
}
/* 打印 */
.buttonbg .print{
  background: url(../../assets/image/tootle_menu.png);
  background-repeat:  no-repeat ;
  background-position: -96px 0;
}
/* 导出 */
.buttonbg .export{
  background: url(../../assets/image/tootle_menu.png);
  background-repeat:  no-repeat ;
  background-position: -144px 0;
}
/* 导入 */
.buttonbg .import{
  background: url(../../assets/image/tootle_menu.png);
  background-repeat:  no-repeat ;
  background-position: -128px 0;
}
/* 下载 */
.buttonbg .download{
  background: url(../../assets/image/download.png);
  background-repeat:  no-repeat ;
  background-position: 0 0;
}
/* 计算 */
.buttonbg .calculation{
  background: url(../../assets/image/jisuan.png);
  background-repeat:  no-repeat ;
  background-position: 0 0;
}
/* 通过 */
.buttonbg .passed{
  background: url(../../assets/image/passed.png);
  background-repeat:  no-repeat ;
  background-position: 0 0;
}
/* 拒绝 */
.buttonbg .refused{
  background: url(../../assets/image/refused.png);
  background-repeat:  no-repeat ;
  background-position: 0 0;
}
/* 设置 */
.buttonbg .setting{
  background: url(../../assets/image/setting.png);
  background-repeat:  no-repeat ;
  background-position: 0 0;
}
/* 返回 */
.buttonbg .goBack{
  background: url(../../assets/image/tootle_menu.png);
  background-repeat:  no-repeat ;
  background-position: -176px 0;
}
/* 左右布局分割线 */
.splitLine{
  float: left;
  display: inline-block;
  height: 14px;
  /* vertical-align: middle;
  vertical-align: -webkit-baseline-middle; */
  border-right: 1px solid #eee;
  margin: 8px 5px 0 5px;
}
/* 功能按钮组结束 */

/* 查询条件开始 */
.conditions{
  padding:3px 10px 0 10px;
  background-color: #eee;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  font-size: 0;
}
.marginBottom8{
  margin-bottom: 3px;
  margin-right: 10px;
}

/* 配合使用的组合 fleft*/
.fleft{
  width: 50%;
  display: inline-block;
  margin-right: 0;
  margin-bottom: 4px;
}
.textbox-label,.fleft .textbox-label{
  width: auto;
  display: inline-block;
  padding-right: 5px;
}
.fleft-au{
  width: auto;
  margin-right: 10px;
}
.padRight10{
  text-align: right;
}
/* 配合使用的组合 fleft*/

.f-field{
  height: 24px;
  width: 14em;
}
.field10{
  width: 10em;
}

.textbox{
  border: 1px solid #b5b8c8;
  border-radius:0
}
.saveBtn,.cancelBtn,.startSerch{
  width: auto;padding: 0 20px;margin: 0 5px;border-radius: 0;
  height: 24px;
}
.startSerch{
  padding: 0 10px;
}
.unifiedWid{
  width: 120px;  
}
.width40{
  width: 40px;  
}
.textBox140{
  width: 140px;  
}

.textBox200{
  width: 180px;
}
/* 查询条件结束 */

/* 左侧树的覆盖样式开始 */
#leftTab{
  height: 100%;position: absolute;top: 0;width: 100%;
  background-color: #fff;
}
.tabs-panels{
  border: 0;
}
.publicTabs{
  background: url(../../assets/image/toolbar_bg.png);
  background-repeat:  repeat-x ;
  background-position-y: -50px;
}
.tabs-header{
  border-color: transparent;
  padding-top: 4px;
}
.tabs-title{
  font-size:12px
}
/* 左侧树的覆盖样式结束 */

.inputStyle{
  margin: 0 5px;
}
.inputStyle2{
  margin:0 20px 0 5px;
  
}
.inputStyle3{
  margin:0 10px 0 0px;
  
}
.flexMod1Div{
  display: flex; justify-content:flex-end;align-items: center;
  margin-bottom: 4px;
}
.flexStartDiv{
  display: flex; justify-content:flex-start;align-items: center;
  margin-bottom: 8px;
}

.changeBgc .window-body{
  background-color: #efeeed !important;
}

/* 考勤卡页面开始 */
.my-css-class{
  display: block;
}
/*图标使用*/
.inTableBtn{
  /* vertical-align: middle; */
  display: inline-block;
  margin-top: 2px;
  width: 20px;
  height: 20px;
  background-repeat:  no-repeat;
  background-position: 0 0;
  background-size: cover;
}
/*文字使用*/
.inTableBtn2{
  margin-top: 2px;
  height: 20px;
  color: blue;
}
.inTableBtn:hover,.inTableBtn2:hover{
  cursor: pointer;
}

/* 补出勤 */
.btn-simple{
  background: url(../../assets/image/attendance.png);
}
/* 下载 */
.btn-download{
  background: url(../../assets/image/download.png) no-repeat center center;
}
/* 补出勤--禁用 */
.btn-simple-none{
  background: url(../../assets/image/attendanceNone.png);
}
/* 确认工时 */
.btn-confirmHours{
  background: url(../../assets/image/toolbar_bg.png);
}
/* 加班转补休 */
.btn-work{
  background: url(../../assets/image/conversion.png);
}
/* 加班转补休--禁用 */
.btn-work-none{
  background: url(../../assets/image/conversionNone.png);
}
/* 补请假 */
.btn-leave{
  background: url(../../assets/image/leaved.png);
}
/* 补请假--禁用 */
.btn-leave-none{
  background: url(../../assets/image/leavedNone.png);
}

/* 左下角表格 */
.stateBtn{
  background: url(../../assets/image/valid.png);
}
.stateBtn2{
  background: url(../../assets/image/invalid.png);
}
/* 表格分页条背景 */
.ag-theme-balham .ag-paging-panel{
  background-color: #ececec;  
}
.mySymbol{
  font-size: 16px;
}




/* 考勤卡页面结束 */

/* 班次定义左侧样式 */
.conditiBox{
  position: absolute;
  background-color: #fff;
  padding-top:36px;
  overflow: hidden;
  /* 宽不能满100%，否则会影响拖动的双向箭头显示 */
  width: 99.4%;   
  height: 100%;
}
.conditionsss{
  background-color: #fff;
  position: absolute;
  top:6px;
  left: 10px;
  right: 10px;
  
  }


/*全局radio大小*/
.rs_15{
  height: 15px;
  width: 15px;
  margin-right: 50px;
}

/*全局checkBox大小*/
.cbs_15{
  height: 15px;
  width: 15px;
}
/*全局DataGrid边框*/
.grid-border{
  border: #bbbbbb 1px solid;
}

/**
 * ag-grid表头居中
 */
.ag-theme-balham .ag-header-cell-label,.ag-theme-balham .ag-header-group-cell-label { justify-content: center; }

.ag-theme-balham .ag-ltr .ag-row-drag, .ag-theme-balham .ag-ltr .ag-selection-checkbox, .ag-theme-balham .ag-ltr .ag-group-expanded, .ag-theme-balham .ag-ltr .ag-group-contracted{
  margin-right: 0;
}
/**
 * ag-grid单元格样式
 */
/* .ag-theme-balham .ag-cell-value { text-align: center; }
.ag-theme-balham .ag-cell-wrapper {
  justify-content: center;
 } */

/**
 * ag-grid行样式
 */
.ag-row-hover {
  background-color: #dfdfff !important;
}



/**
 * ag-grid列样式
 */
/* .ag-column-hover {
  background-color: #dfdfff;
} */

/* 个人信息页面自定义图标，假期-中心对勾？ */
.icon-msg{
  background: url(../../assets/image/dialogIcon.png);
  background-repeat:  no-repeat ;
  background-position: -80px 0;  
}
/* 批量请假表格内的删除 */
.deleteOwn{
  padding-left: 16px;
  height: 16px;
  background: url(../../assets/image/deleted.png);
  background-repeat:  no-repeat ;
  background-position: 0 0;  
  background-size: contain;
  text-decoration: none;
}
.l-btn-text {
  font-size: 12px;
}

/* 补充easyUi保存成功时的icon */
.messager-success {
  background: url(../../assets/image/success.png);
  background-repeat:  no-repeat ;
  background-position: 0 0;
}
.icon-none{
  display: none;
}
/*页面导航文字样式*/
.page-title{
  position: absolute;
  right: 10px;
  color: white;
  line-height: 30px;
}

/*审批结果样式  文字颜色*/
.approval-pass{
  background: url(../../assets/image/approval-pass.png);
  background-size: cover;
}
.approval-wait{
  background: url(../../assets/image/approval-wait.png);
  background-size: cover;
}

/* ag-grid组件的鼠标悬浮，鼠标hover显示必须 */
.custom-tooltip {
  position: absolute;
  width: 150px;
  height: 70px;
  border: 1px solid cornflowerblue;
  overflow: hidden;
  pointer-events: none;
  transition: opacity .2s;
  background-color: #fff;
}

.custom-tooltip.ag-tooltip-hiding {
  opacity: 0;
}

.custom-tooltip p {
  margin: 5px;
  white-space: nowrap;
}

/* .custom-tooltip p:first-of-type {
  font-weight: bold;
} */

/* 规律班次组件样式--开始 */
.contentLeft{
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
}
.tableContentL{
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  bottom: 0;
}
.tableContentR{
  position: absolute;
  top: 63px;
  left: 0;
  right: 0;
  bottom: 0;
  border-right: 1px solid #bdc3c7;
  border-bottom: 1px solid #bdc3c7;
}
.tableBox{
  border-collapse: collapse;
  text-align: center;
}
.tableBox td,.tableBox th{
  height: 28px;
  border: 1px solid #bdc3c7
}
.tableBox th{
  width: 100px;
  background-color: #e5f2f8;
  font-weight: 400;
}
/* 规律班次组件样式--结束 */

/* 覆盖easyui 日历的周末样式 */
.calendar-saturday{
  color: #cc2222;
}
.combo-panel{
  height: 220px;
}

.content{
  height: 100%;
  /* 有分页的表格会出现竖滚动条，强行隐藏滚动条 */
  overflow: hidden;  
}

/* 定位div */
.posDiv-abs{
  position: absolute;left: 0;bottom: 0;top:0;right: 0;
}


/*登录按钮样式*/
.loginBtn {
  text-decoration: none;
  display: inline-block;
  margin: 0 0 10px 0;
  padding: 0;
  width: 80%;
  height: 40px;
  font-size: 14px;
  cursor: pointer;
  outline: none;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #ccc;
  color: #fff;
  border-color: #4b72a4;
  background: #698cba;
  background: -webkit-linear-gradient(top, #698cba 0, #577eb2 100%);
  background: -moz-linear-gradient(top, #698cba 0, #577eb2 100%);
  background: -o-linear-gradient(top, #698cba 0, #577eb2 100%);
  background: linear-gradient(to bottom, #698cba 0, #577eb2 100%);
}
.loginBtn:hover {
  background: #577eb2;
  border-color: #4b72a4;
  color: #ffffff;
}
.loginBtn .l-btn-text{
  font-size: 14px;
  line-height: 38px;
}

/* 登陆页面模拟密码框 */
.passwordBox{
  position: relative;
  width: 80%;
  margin: 0 auto 10px auto;
  height: 38px;
  border: 1px solid #b5b8c8;
}
.inputStyled{
  height: 100%;
  padding-left: 3px;
  width: 100%;
  /*margin: 0 0 10px 0;*/
  border: 0;
}
.closed-eye,.eyeOn{
  position: absolute;
  right: 5px;
  top: 11px;
  width: 18px;
  height: 18px;
  display: inline-block;
}
/* 隐藏密码图标 */
.closed-eye{
  background: url(../image/closed-eye.png) no-repeat center center;
  background-size: cover;
}
/* 明文密码图标 */
.eyeOn{
  background: url(../image/eyeOn.png) no-repeat center center;
  background-size: cover;
}

/*考勤点设置*/
.marginRight15{
  margin-bottom: 3px;
  margin-right: 15px;
  display: inline-block;
}
